import React, { memo } from 'react';

import { formatImageSize } from "@/utils/format-utils";

import { FineCoverWrapper } from "./style";

const DjradioCover = memo((props) => {
  const { item } = props;

  return (
    <FineCoverWrapper>
      <a href="/#">
        <img src={formatImageSize(item.picUrl, 150)} alt="" />
      </a>

      <a href="/#" className="name text-nowrap">{item.name}</a>
      
      <p className="text-nowrap">{item.desc}</p>
    </FineCoverWrapper>
  )
});

export default DjradioCover;